<html>
<head>
  <script type="text/javascript" src="webrtc_test_utilities.js"></script>
  <script type="text/javascript">
  $ = function(id) {
    return document.getElementById(id);
  };

  async function getUserMediaAndReturnVideoDimensions(constraints) {
    let stream;
    try {
      stream = await navigator.mediaDevices.getUserMedia(constraints);
    } catch (err) {
      throw new Error('GetUserMedia call failed with code ' + error.code);
    }
    var localView = $('local-view');
    localView.srcObject = stream;
    await detectVideoPlaying('local-view');
    return localView.videoWidth + 'x' + localView.videoHeight;
  }
  </script>
</head>
<body>
  <table border="0">
    <tr>
      <td><video id="local-view" autoplay="autoplay">
          </video></td>
      <td><canvas id="local-view-canvas" style="display:none"></canvas></td>
    </tr>
  </table>
</body>
</html>
